
.Div1 {
    width: 1200px;
    height: 726px;
    margin: 0 auto;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    padding-top:40px;
}
.Div1_title {
    text-align: center;
    
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.Div1_title a {
    display: inline-block;
    width: 130px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    margin: 0 8px;
    position: relative;
    height: 38px;
    background: none;
    opacity: 1;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #737776;
}

a {
    text-decoration: none;
    color: #333;
}

.Div1_title a.Div1_title_a1, .Div1_title span a:hover {
    color: #fff !important;
    background: #0A6DEE;
    /* border-radius: 19px; */
}
.Div1_title a em {
    display: none;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #0A6DEE;
    position: absolute;
    top: 40px;
    left: 56px;
}
a.Div1_title_a1 em {
    display: block;
}
.Div1_main {
    height: 636px;
    width: 10000px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.sublist {
    width: 1200px;
    margin-top: 40px;
    height: 554px;
    background-color: #fff;
    float: left;
}

.sublist .list_first {
    width: 298px;
    border-left: 1px solid #e5e5e5;
}
.sublist .list {
    float: left;
    width: 295px;
    height: 533px;
    border: 1px solid #e5e5e5;
    border-left: none;
}
.sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
}
.sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
}
.sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
}
.sublist .list .list_head {
    height: 149px;
    position: relative;
    background: #f3f3f3;
}
.sublist .list .list_content {
    background: #fff;
    cursor: pointer;
    text-align: left;
}
.sublist .list .list_content .list_content_box .on {
    margin-top: 40px;
}

.sublist .list .list_content .list_content_box ul {
    height: 136px;
}

ul, li {
    list-style: none;
}
.sublist .list .list_content .list_content_box .on li {
    width: 199px;
    height: 34px;
    margin: 0 auto;
    line-height: 34px;
    overflow: hidden;
    text-align: center;
    color: #8d8d8d;
}
.num {
    text-align: center;
    padding-top: 32px;
}
.num span i ,.num span{
    height: 34px;
    display: inline-block;
    font-size: 32px;
    font-style: normal !important;
    color: #1580e4;
    line-height: 34px;
}
.num em {
    font-size: 14px;
    color: #8d8d8d;
    font-style: normal;
}
.sublist .list .list_content .btn_box {
    margin: 48px 36px 0;
    height: 40px;
    text-align: center;
}
.sublist .list .list_content .btn_box .btn_left {
    border: 1px solid #e5e5e5;
    float: left;
}

.sublist .list .list_content .btn_box .btn {
    width: 98px;
    height: 34px;
    line-height: 34px;
}

.sublist .list .list_content .btn_box .btn_left {
    border: 1px solid #e5e5e5;
    float: left;
}

.sublist .list .list_content .btn_box .btn_right {
    border: 1px solid #1580e4;
    float: right;
    color: #1580e4;
}

.sublist .list .list_content .btn_box .btn {
    width: 98px;
    height: 34px;
    line-height: 34px;
}
.sublist .list_one {
    float: left;
    width: 298px;
    height: 533px;
    border: 1px solid #1580e4;
    position: relative;
    top: 0;
    cursor: pointer;
}
.sublist .list .list_head p {
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
}
.sublist .list .list_head p {
    padding-top: 30px;
    text-align: center;
    font-size: 16px;
}
.sublist .list_one{float:left;width:298px;height:533px;border:1px solid #1580e4;position:relative;top:0;cursor:pointer;}
.sublist .list:hover{position:relative;-webkit-animation:dese 0.5s 1;-moz-animation:dese 0.5s 1;animation:dese 0.5s 1;box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}
@-moz-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@-webkit-keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
@keyframes dese{0% {box-shadow:0 0 2px #ccc;-webkit-box-shadow:0 0 2px #ccc;-moz-box-shadow:0 0 2px #ccc;top:0px;}
100% {box-shadow:0 10px 20px #ccc;-webkit-box-shadow:0 10px 20px #ccc;-moz-box-shadow:0 10px 20px #ccc;top:-1px;}}
.sublist .list .list_head{height:149px;position:relative;background:#f3f3f3;}
.sublist .list_one .list_head{background-image:-webkit-linear-gradient(top, #1580e4, #07b0f5);background-image:-moz-linear-gradient(top, #1580e4, #07b0f5);background-image:-ms-linear-gradient(top, #1580e4, #07b0f5);}
.sublist .list .list_head h2{padding-top:38px;}
.sublist .list_one .list_head h2{color:#fff;}
.sublist .list .list_head p{margin-top:20px;}
.sublist .list_one .list_head p{color:#fff;}
.sublist .list_one .list_content .btn_box .btn_left{border:1px solid #1580e4;float:left;color:#1580e4;}
.sublist .list_one .list_content .btn_box .btn_left a{color:#1580e4;}
.sublist .list_one .list_content .btn_box .btn_right{border:1px solid #1580e4;float:right;color:#fff;background:#1580e4;}
.sublist .list_one .list_content .list_content_box .on li{ color:#000}

.sublist .list .img {
    height: 43px;
    width: 210px;
    z-index: 1;
}
.sublist .list .img img {
    position: absolute;
    z-index: 2;
    top: 40px;
    left: 42.5px;
}



.box2{
    width:100%;
  }
  .box2 .panner1 h2{
      text-align: center;
      font-size: 32px;
      color:#393836;
      margin-bottom:60px;
      font-weight: normal
  }
  .box2 .panner1 {
    width:100%;
    overflow: hidden;
  }
  .box2 .panner1 ul {
    width:102%;

  }
  .box2 .panner1 ul li{
    float:left;
    width:14%;
    text-align: center;
  }
  .box2 .panner1 ul li p
  {
    margin-top:10px;
    font-size: 18px;
  }
  .box2 .panner1 ul li:hover p{
    color:#005abc
  }
  .imghover{
    display: none;
  }
  .box2 .panner1 ul li:hover .imgbefore{
    display: none
  }
  .box2 .panner1 ul li:hover .imghover{
    display: block
  }
  .imgbox{
    max-width: 71px;
    margin:0 auto;
    max-height: 71px;
  }
  .imgbox img{
    max-width: 100%;
    max-height: 100%
  }
  .imgbox.imgb{
    max-width: 73px;
    max-height: 71px;
  }
  .imgbox.imgb img{
    max-width: 73px;
    max-height: 71px;
  }
 .panner2  .imgl,
 .panner2  .imgr{
    width: 50%;
    height: auto;
    overflow: hidden;
}

.panner2 .imgl ,
.panner2 .imgr
{
  cursor: pointer;
  position: relative;
}
.panner2 .imgl>img,.panner2 .imgr>img{
  max-width: 100%;
  transition: all 3s linear;
  -webkit-transition: all 3s linear;
  -moz-transition: all 3s linear;
  -ms-transition: all 3s linear;
  -o-transition: all 3s linear;
}
.panner2{
  
  overflow: hidden;
  margin-top:60px;
}
.panner2 .imgl>img:hover,
.panner2 .imgr>img:hover{
  transform: scale(1.1,1.1);
  transition: all 3s linear;
  -webkit-transition: all 3s linear;
  -moz-transition: all 3s linear;
  -ms-transition: all 3s linear;
  -o-transition: all 3s linear;

}
.panner2 .imgtext{
  position: absolute;
  top:15%;
  left:10%;
  color:#fff;
}

.panner2 .imgtext p{
  font-size:28px;
  margin-top: 10px;
    margin-bottom: 15px;
}
.panner2 .imgtext span{
  font-size: 18px;
}
.panner3{
  width:90%;
  margin:0 auto;
  margin-top:80px;
}
.panner3>p{
  font-size: 32px;
  color:#333;
  text-align: center;
  margin-bottom:50px
}
.panner3 ul li a{
  font-size:18px;
  color:#333;
}
.panner3 ul li a:hover{
  color:#005abc
}
.panner3 ul li p{
  font-size:14px;
  color:#999;
  margin:5px 0;
}
.panner3 ul li{
  margin-bottom:10px;

}
.newsr a{
  display: block;
}
.newsr ul li {
  float:left;
  margin-right: 10px;
}

.newsr ul li a{
 margin-top:15px;
 margin-bottom:5px;
}
.panner3>div{
  width:40%;
}
.panner3{
    margin-bottom:20px;
}
.panner3 .newsr{
  width:53%;
}
.panner3 ul  li:hover a{
    color:#005abc !important;
}

.panner>p{
  text-align: center;
    font-size: 32px;
    color: #393836;
    margin-bottom: 60px;
    font-weight: normal;
}
.panner{
  width:100%;
  margin-top:40px;

}
.panner ul li{
  float:left;
  width:20%;
  margin-left:5%;
}
.panner ul li p{
  font-size: 14px;
  color:#505961;
  line-height: 24px;
}
.marginl0{
  margin-left: 0;
}

.quotebox{
    width: 100%;
    overflow: hidden;
}
.quotebox ul li{
    float:left;
    width:24%;

  }
 
 .quotebox ul li a  {
    display: block;
    width: 65%;
    height: 45px;
    text-align: center;
    font-size:18px;
    font-weight:500;
    line-height: 45px;
    border: 1px solid #ccc;
    background: #1580e4;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  }
  .quotebox ul li a:hover{
    background-color: #70B9E8;
  }
  .quotebox ul{
    margin-bottom:10px;
    width:114%;
  }
.quotebox>p{
      text-align: center;
    font-size: 32px;
    color: #393836;
    margin-bottom: 60px;
    font-weight: normal;
  }
